在接下来几个月内，你们所有的文件夹、文件都不要用中文来命令
安装路径不能包含中文或空格

phpstudy == 小皮 php集成环境软件
apache / nginx 服务器软件  端口:80
mysql 数据库 端口：3306
php 服务器的脚本语言

端口：80  通用的端口 经常会被其他的程序所占用
腾讯管家、360安全卫士 -> 占据 80端口
pid = 4 系统程序 占据 80端口
windows 自带 window sql server 服务

如果你的电脑 你之前安装过 mysql 那么就把他卸载 一定要卸载干净。
我们所需要启动的 apache + mysql


apache / mysql 启动失败的。
1、防火墙是否有被阻止的。
    防火墙关闭

2、端口被占用了。cmd命令行窗口
查看我们当前系统里面端口使用情况
netstat -oan
找到 0.0.0.0:80 看一下他被占用 pid的值 在进程管理器里面，找到pid所对应的进程，一看就知道是什么程序占用的。


站点目录： D:/phpstudy_pro/WWW

文档文件：WWW/book/

需要将文档配置成一个站点，来进行访问。
站点：www.book.com
站点所对应的目录：D:\phpstudy_pro\WWW\book\_book

要检查自己的站点是否创建成功
命令行检查，ping 域名

如果你ping 出来的结果不是 127.0.0.1 

本地并没有，记录这个域名的解析,手动解析域名 不可以加 http
C:\Windows\System32\drivers\etc\hosts
127.0.0.1 www.book.com


1、响应式布局
spirit/
    /images/ 图片文件夹
    /css/  样式的
        bootstrap.min.css 框架的文件
        reset.css 标签样式的重写文件
        index.css 默认首页的样式文件

    /js/   js脚本
    /fonts/  字体文件夹
    index.html  首页文件

可以借助一些 UI框架(bootstrap) 帮我们快速完成 响应式布局


响应式布局：你的网页既可以兼容PC端也可以兼容的移动端

css 放到头部当中 
js 放到页面的底部


bootstrap 布局容器
.container  固定宽度 居中显示
.cintainer-fluid 100%宽度 两边显示





我们要完成的任务是：将设计图还原度去到 90% 以上

响应式网页：
    始终不允许出现横向滚动条

响应式布局的步骤：
1、画轮廓
2、写html结构
3、写css细节
4、调整响应式兼容



sass 或者 less ： css的编译器 可以帮助我们 快速去书写我们的css的样式
1、引入 less的编译器
2、<link rel="stylesheet/less" href="文件路径" /> 

网页正常只加载 css 后缀文件 less 加载不会解析的


调整响应式兼容
 css 媒体查询工具
 